{{ template "header" . }}

<!-- Breadcrumb -->
<ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">Home</a></li>
  <li class="breadcrumb-item"><a href="{{ Url "virtual-machine-list" }}">Virtual Machines</a></li>
  <li class="breadcrumb-item"><a href="{{ Url "virtual-machine-list" }}?node={{ .Vm.NodeId }}">{{ .Vm.NodeId }}</a></li>
  <li class="breadcrumb-item"><a href="{{ Url "virtual-machine-detail" "id" .Vm.Id "node" .Vm.NodeId }}">{{ .Vm.Id }}</a></li>
  <li class="breadcrumb-item active">console</li>
</ol>

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">
          <div class="JS-WSConsole" data-JSConsole-WSUrl="{{ Url "virtual-machine-console-ws" "id" .Vm.Id "node" .Vm.NodeId }}">
            <div class="JS-WSConsole-Window" style="width: 100%; height: 600px;"></div>
            <pre class="text-muted">
export TERM=xterm COLUMNS=117 LINES=35
stty rows $LINES cols $COLUMNS
              </pre>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


{{ template "footer" . }}
